<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <meta name="data-spm" content="a219a"/>
    <title>新美大酒店直连开放平台 - 首页</title>
    <link rel="shortcut icon" href="resources/images/title.ico" type="image/x-icon"/>
    <!-- Bootstrap core CSS -->
    <link rel="stylesheet" href="/resources/css/sui.min.css"/>
    <link href="/resources/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="/resources/css/framework.min.css"/>
    <link rel="stylesheet" href="/resources/css/font-awesome.min.css"/>
    <link rel="stylesheet" href="/resources/css/font_1429753170_0792055.css" type="text/css" charset="utf-8">
    <script src="/resources/js/jquery.js"></script>
    <script src="/resources/js/sui.min.js"></script>
    <script src="/resources/js/framework.js"></script>
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="//cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <link rel="stylesheet" href="/resources/css/index.min.css"/>
</head>
<body data-spm="7386653"
>
<!--<script>
    with (document)with (body)with (insertBefore(createElement("script"), firstChild))setAttribute("exparams", "category=&userid=&aplus&yunid=&asid=AABqZgdXz3kgVcAWe0c=", id = "tb-beacon-aplus", src = (location > "https" ? "//s" : "//a") + ".tbcdn.cn/s/aplus_v2.js")
</script>-->


<style type="text/css">

    @font-face {
        font-family: "iconfont1";
        src: url("http://at.alicdn.com/t/font_1448507037_6084561.eot?#iefix") format("embedded-opentype"),
        url("http://at.alicdn.com/t/font_1448507037_6084561.woff") format("woff"),
        url("http://at.alicdn.com/t/font_1448507037_6084561.ttf") format("truetype"),
        url("http://at.alicdn.com/t/font_1448507037_6084561.svg#iconfont") format("svg");
    }

    .arrow {
        line-height: 16px !important;
        display: inline-block;
        transition: all 0.5s;
        font-family: "iconfont1" !important;
    }

    li:hover .arrow {
        transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }

    .openplatform-nav .top-openplatform-nav ul li .sub-nav dl dt a {
        color: #5eb5fe;
    }

    .openplatform-nav .top-openplatform-nav ul li .sub-nav {
        display: none;
    }
</style>


<div class="openplatform-nav openplatform-nav-simple" data-spm="1">
    <div class="container-fluid">
        <div class="logo-container">
            <h1>
                <a href="#"><i class="open-iconfont"></i>新美大酒店-直连开放平台</a>
            </h1>
        </div>
        <div class="top-openplatform-nav pull-left">
            <ul>
                <li><a href="api.html" title="">接入流程</a></li>
                <li><a href="#" title="">文档中心<i class="iconfont arrow">
                    &#xe670;</i></a>

                    <div class="sub-nav" style="width:102px;left:0px;padding: 0px 4px 0px 4px;">
                        <ul>
                            <li>
                                <dl>
                                    <dd><a href="#" title="">文档目录</a></dd>
                                    <dd><a href="#" title="">API文档</a></dd>
                                    <!--<dd><a href="/doc2/topic_list.htm" title="">消息文档</a></dd>-->
                                </dl>
                            </li>
                        </ul>
                    </div>
                </li>
                <li><a href="#" title="">开发样例<i class="iconfont arrow">
                    &#xe670;</i></a>

                    <div class="sub-nav" style="width:102px;left:0px;padding: 0px 4px 0px 4px;">
                        <ul>
                            <li>
                                <dl>
                                    <dd><a href="#" title="">多语言Demo</a></dd>
                                    <dd><a href="#" title="">工具类</a></dd>
                                    <!--<dd><a href="/doc2/topic_list.htm" title="">消息文档</a></dd>-->
                                </dl>
                            </li>
                        </ul>
                    </div>
                </li>
                <li><a href="#" title="">在线测试</a></li>
                <li><a href="#" title="">多语言SDK</a></li>
            </ul>
        </div>
        <!--<div class="pull-right">
            <div class="person-container">
                            <span>
                  <a href="" title="" id="open-login">登录</a>
              </span>
            </div>

            <a class="notify-container" href="/notification/notificationDetail.htm" target="_blank">
                <i class="open-iconfont open-icon-bell"></i>
            </a>

            <div class="search-container">
                <div class="inner">
                    <input type="hidden" class="J_openType" value="all"
                    >
                    <input type="text" style="width:68px;" id="J_openAutoComp" value="" autocomplete="off">
                    <label for="J_openAutoComp">
                        <i class="open-iconfont open-portal-icon-sousuo"></i>
                    </label>
                    <i class="open-iconfont open-portal-icon-chahao J_CloseSearch"></i>
                    <ul class="sui-dropdown-menu sui-suggestion-container"
                        style="position: absolute; display: none; width: 270px; max-height: 300px; z-index: 9999;"></ul>
                </div>
            </div>
        </div>-->
    </div>
</div>
<script type="text/javascript">

    /*window.onload = function () {
     var LoginConfig = {
     //登录url
     loginUrl: 'https://login.taobao.com/member/login.jhtml?f=top',
     logoutUrl: 'https://login.taobao.com/member/logout.jhtml?f=top',
     //是否登录
     isLogin: false
     };

     if (false == true) {
     if (window.location.href) {
     var Chref = window.location.href;
     Chref = encodeURIComponent(Chref);
     Chref = LoginConfig.logoutUrl.indexOf('?') > -1 ? LoginConfig.logoutUrl + '&sub=true&redirectURL=' + Chref :
     LoginConfig.logoutUrl + '?sub=true&redirectURL=' + Chref;
     document.getElementById('open-loginOut').href = Chref;   //登出地址改变
     }
     } else {
     if (window.location.href) {
     var Chref = window.location.href;
     Chref = encodeURIComponent(Chref);
     Chref = LoginConfig.loginUrl.indexOf('?') > -1 ? LoginConfig.loginUrl + '&sub=true&redirectURL=' + Chref :
     LoginConfig.loginUrl + '?sub=true&redirectURL=' + Chref;
     //                document.getElementById('open-login').href = Chref;   //登录地址改变
     }
     }
     }*/

    $('.top-openplatform-nav ul li').hover(function () {
        $(this).find('.sub-nav ').slideDown();
    }, function () {
        $(this).find('.sub-nav').slideUp();
    });

</script>


<style>
    .page-tips i {
        right: auto;
        margin-left: 10px;
    }
</style>
<div class="slide" id="myCarousel" data-ride="carousel" data-interval="4000" class="sui-carousel slide" data-spm="2">
    <ol class="carousel-indicators hide">
        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
        <li data-target="#myCarousel" data-slide-to="1" class=""></li>
        <li data-target="#myCarousel" data-slide-to="2" class=""></li>
        <li data-target="#myCarousel" data-slide-to="3" class=""></li>
    </ol>
    <ul class="carousel-inner">
        <li class="item active"><a href="#" target="_blank"><img
                src="//img.alicdn.com/tps/TB1.xoALFXXXXahXpXXXXXXXXXX-1920-665.jpg" width="" height="" alt="解决方案"/></a>
        </li>
    </ul>
    <a href="#myCarousel" data-slide="prev" class="carousel-control left">?</a>
    <a href="#myCarousel" data-slide="next" class="carousel-control right">?</a>
</div>

<div class="open-portal-wrapper tech-area" data-spm="6">
    <div class="container-fluid">
        <!--<h3><i class="open-iconfont open-portal-icon-tools"></i>技术能力</h3>-->

        <!--<div class="row cols-3">
            <div class="col-md-12">
                <p>
                    日支撑百亿级并发访问；高可靠，毫秒级延时的消息服务；并队列吞吐量可达上万/秒；完美支撑历年双11海量请求，保障亿级订单同步零漏单。
                </p>
            </div>
        </div>-->
        <div class="row cols-3">
            <div class="col-md-12">
                <div class="grid-group">

                    <div class="grid grid-1">
                        <a href="#" title="REST API">
                                          <span class="step-1">
                                              <b>1</b>
                                              <span>REST API</span>
                                          </span>
                            <span class="step-2">高并发，低延时，日支撑百万级访问</span>
                        </a>
                    </div>
                    <div class="grid grid-2">
                        <a href="#" title="开发样例">
                                          <span class="step-1">
                                              <b>2</b>
                                              <span>开发样例</span>
                                          </span>
                            <span class="step-2">多语言样例支持,高效开发</span>
                        </a>
                    </div>
                    <div class="grid grid-3">
                        <a href="#" title="在线测试">
                                          <span class="step-1">
                                              <b>3</b>
                                              <span>在线测试</span>
                                          </span>
                            <span class="step-2">在线测试,提高对接效率</span>
                        </a>
                    </div>
                    <div class="grid grid-5">
                        <a href="#" title="支持非及时订单同步">
                                          <span class="step-1">
                                              <b>4</b>
                                              <span>支持非及时订单同步</span>
                                          </span>
                            <span class="step-2">秒级响应，保障万级订单推送零漏单</span>
                        </a>
                    </div>
                    <div class="grid grid-5">
                        <a href="#" title="多语言SDK">
                                          <span class="step-1">
                                              <b>5</b>
                                              <span>多语言SDK</span>
                                          </span>
                            <span class="step-2">多语言SDK封装,提高开发效率</span>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div> <!-- fluid end-->

<script type="text/javascript">
    $(function () {
        /*$(window).scroll(function () {
            /!*if ($('.has-background-1').offset().top - 200 <= $(document).scrollTop()) {
             $('.has-background-1').addClass('active');
             }*!/
            if ($('.tech-area').offset().top - 200 <= $(document).scrollTop()) {
                if ($('.tech-area').find('.hover').length > 3) return;
                //random
                var random = Math.floor(Math.random() * 10);
                if (random % 2 == 1) {
                    $('.tech-area').find('.grid').eq(random).addClass('hover');
                    setTimeout(function () {
                        $('.tech-area').find('.grid').eq(random).removeClass('hover');
                    }, 1000)
                }
            }
        });*/
        //slider
        /* $('.J_Slider > li').hover(function (e) {
         e.preventDefault();
         if ($(this).hasClass('active')) return;

         var index = $(this).index();
         $('.has-background-1').removeClass('active');
         $(this).siblings().removeClass('active');
         $(this).addClass('active');
         $('.J_Slider-content').addClass('hidden').eq(index).removeClass('hidden');
         setTimeout(function () {
         $('.has-background-1').addClass('active');
         }, 100)
         });*/
        /*if ($('.carousel-inner > li').length > 1) {
            $('.carousel-indicators').removeClass('hide');
        }*/
        //hover
        //$('img[data-hover]').hover(function(){
        //    this.src = $(this).data('hover');
        //});
    });
</script>
<!--<style>
    #feedback {
        font-size: 12px;
        height: 75px;
        margin-right: -650px;
        margin-top: -38px;
        position: fixed;
        right: 50%;
        text-align: center;
        top: 50%;
        width: 36px;
    }

    #feedback img {
        display: block;
        margin: 0 auto;
        padding-top: 8px;
    }

    #feedback a {
        background: #656565 none repeat scroll 0 0;
        color: #fff;
        display: block;
        height: 100%;
    }

    #feedback a:hover {
        background: #888 none repeat scroll 0 0;
    }
</style>-->
<!--<div id="feedback">
    <a target="_blank" href="//survey.taobao.com/survey/kwp0Wctoy?spm=a219a.7386653.0.0.eiO2BZ"
       data-spm-anchor-id="a219a.7386653.0.0">
        <img src="https://img.alicdn.com/tps/TB1cRstLVXXXXa9XFXXXXXXXXXX-24-24.png">
        <span>有奖<br>反馈</span>
    </a>
</div>-->


<!-- footer begin -->
<div class="open-portal-wrapper open-portal-footer" data-spm="10" style="text-align: center;">
    <div class="container-fluid">
        <div class="footer-level1">
            <ul>
                <li><span>©2016 新美大酒店 版权所有</span></li>
            </ul>
        </div>
    </div>
</div>
<!-- footer end -->

</body>
</html>